/******** 全局变量配置 ********/

/**** 主题色部分 ****/
// 主题色
@theme-color: #4b2a13;

// 链接文字颜色
@link-font-color: #3499f1;

// 浅色提示文字颜色
@tips-text-color: #bdac9d;

// 元素线设置
@theme-box-border-color: #cec0b7;
@theme-box-border: 1px solid @theme-box-border-color;

// 主题浅灰背景
@theme-background-color: #eaebef;

// 危险操作颜色
@danger-color: #f7423b;

/**** 元素样式部分 ****/
// 主题阴影
@theme-box-shadow: 0 4px 8px rgba(41, 41, 42, 0.2);

// 白色毛玻璃效果
.ground-glass-white() {
    background-color: rgba(245, 236, 224, 0.78);
    backdrop-filter: blur(8px);
}

// 主题线框阴影
.theme-border-shadow(@redius:8px) {
    border: @theme-box-border;
    border-radius: @redius;
    box-shadow: @theme-box-shadow;
}

/**** 布局 ****/
// 页头高度
@header-height: 60px;

// 左侧导航宽度
@left-nav-width: 256px;

// 主容器内间距
@main-container-padding: 12px 16px;

// 元素间隔
@ele-gap: 20px;
